const RankingView = () => {
  return (
    <div className="Ranking-container">
      <h1 className="page-title pb-2 mt-5">豆瓣电影排行榜</h1>
      <div className="row">
        <div className="col-8">
          <div className="newslice-list mb-5">
            <h2 className="ranking-title f-size-16">豆瓣新片榜 · · · · · · </h2>
            <ul className="d-flex flex-direction-column flex-wrap">
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
              <p className="dashed mt-1"></p>
              <li className="d-flex w-100">
                <a href="" className="mr-3">
                  <img src={require('../assets/images/p2700127550.webp')} alt="" className="lazy" />
                </a>
                <div className="Movie-review-content">
                  <a href="" className="title f-size-14">
                    我看完了！觉得选角根本就是小问题！
                  </a>
                  <p className="f-size-13 pt-2 pb-2 m-0">
                    2021-12-10(美国) / 2021-12-24(美国网络) / 莱昂纳多·迪卡普里奥 / 詹妮弗·劳伦斯 / 梅丽尔·斯特里普 / 凯特·布兰切特 / 罗布·摩根 / 乔纳·希尔 / 马克·里朗斯 / 泰勒·派瑞 / 蒂莫西·柴勒梅德
                    / 朗·普尔曼 / 爱莉安娜·格兰德 / 卡迪小子...
                    <a href="#" className="a-color ml-1">
                      (全文)
                    </a>
                  </p>
                  <div>
                    <span className="rating-stars"></span>
                    <span className="rating-count f-size-13 ml-2 mr-2">7.3</span>
                    <span className="evaluate tab-color f-size-13">(148984人评价)</span>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div className="col-4 sider-bar pl-5">null</div>
      </div>
    </div>
  )
}

export default RankingView
